<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首页</title>
  <link rel="stylesheet" href="/static/index/css/swiper-3.4.2.min.css">
  <link rel="stylesheet" href="/static/index/css/GL.css">
  <script src="/static/index/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/index/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/index/js/swiper-3.4.2.min.js"></script>

</head>

<body>
  <div class="top_find">
    <div class="top_find_son">
<!--      <img src="/static/index/img/top_find_logo.png" alt="">-->
      <div class="input_find">
        <input type="text" placeholder="卸妆水" />
        <span style="background: url('/static/index/img/img_12.png') 0 -1px;"></span>
        <a href="/"><img src="/static/index/img/img_09.png" /></a>
      </div>
    </div>
  </div>
  <ul class="left_floor">
    <li class="left_floor_xiang">享品质</li>
    <li class="left_floor_fu">服饰美妆</li>
    <li class="left_floor_jia">家电手机</li>
    <li class="left_floor_dian">电脑数码</li>
    <li class="left_floor_3C">3C运动</li>
    <li class="left_floor_ai">爱吃</li>
    <li class="left_floor_mu">母婴家居</li>
    <li class="left_floor_tu">图书汽车</li>
    <li class="left_floor_you">游戏金融</li>
    <li class="left_floor_lv">旅行健康</li>
    <li class="left_floor_hai">还没逛够</li>
    <li class="left_floor_ding">顶部</li>
  </ul>
  <header>
    <div class="head">
      <a href="/"><img src="/static/index/img/img_011.jpg" /></a>
      <p>X</p>
    </div>
    <!--头部-->
    <div class="header_head">
      <div class="header_head_box">
<!--        <a href="/" class="img"><img src="/static/index/img/logo.jpg" /></a>-->
        <ul>
            <li th:if="${session.loginUser} !=null">
              <a>欢迎，[[${session.loginUser.username}]]</a>
              <a th:href="'http://member.taolele.com/user/' + ${session.loginUser.id}+ '.html'">你好，[[${session.loginUser.username}]]</a>
            </li>
            <li th:if="${session.loginUser} !=null">
              <a href="http://auth.taolele.com/oauth2.0/logout">退出登录</a>
            </li>
            <li th:if="${session.loginUser} ==null">
              <a href="http://auth.taolele.com/login.html">你好，请登录 </a>
            </li>
            <li th:if="${session.loginUser} ==null">
              <td th:text="${session.loginUser}"></td>
              <a href="http://auth.taolele.com/reg.html" class="li_2">免费注册</a>
            </li>
          <span>|</span>
          <li th:if="${session.loginUser} !=null">
            <a href="http://member.taolele.com/memberOrder.html">我的订单</a>
          </li>
        </ul>
      </div>
    </div>
    <!--搜索导航-->
    <div class="header_sous">
      <div class="header_form">
        <input id="searchText" type="text" placeholder="" />
        <span style="background: url('/static/index/img/img_12.png') 0 -1px;"></span>
        <!--<button><i class="glyphicon"></i></button>-->
        <a href="javascript:search();" ><img src="/static/index/img/img_09.png"/></a>
      </div>
      <div class="header_ico">
        <div class="header_gw">
          <img src="/static/index/img/img_15.png" />
          <span><a href="http://cart.taolele.com/cart.html">我的购物车</a></span>
          <span>[[${cartCount}]]</span>
        </div>

      </div>
<!--      <div class="right">-->
<!--        <a href="/"><img src="/static/index/img/img_21.png" /></a>-->
<!--      </div>-->
    </div>
    <!--轮播主体内容-->
    <div class="header_main">
      <div class="header_banner">
        <div class="header_main_left">
          <ul>
            <li th:each="category : ${categorys}">
              <a href="/" class="header_main_left" th:attr="ctg-data=${category.getCatId()}" th:text="${category.getName()}"><b>图书、音像、电子书刊</b></a>
            </li>
          </ul>

        </div>
        <div class="header_main_center">
          <div class="swiper-container swiper1">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <a href="/"><img src="/static/index/img/lunboa1.jpg" /></a>
              </div>

              <div class="swiper-slide">
                <a href="/"><img src="/static/index/img/lunboa2.jpg" /></a>
              </div>

              <div class="swiper-slide">
                <a href="/"><img src="/static/index/img/lunboa3.jpg" /></a>
              </div>

            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
          </div>
          <div class="header_main_center_b">
            <a href="/"><img src="/static/index/img/5a13.jpg" /></a>
            <a href="/"><img src="/static/index/img/5a13.jpg" /></a>
          </div>
        </div>

      </div>
      <div class="header_banner1">

      </div>
    </div>
  </header>


</body>
<script type="text/javascript">
  function search() {
      var keyword=$("#searchText").val()
      window.location.href="http://search.taolele.com/list.html?keyword="+keyword;
  }

  function to_href(skuId){
      location.href = "http://item.taolele.com/" + skuId + ".html";
  }


</script>
<script type="text/javascript" src="/static/index/js/text.js"></script>
<script type="text/javascript" src="/static/index/js/header.js"></script>
<script type="text/javascript" src="/static/index/js/secend.js"></script>
<script type="text/javascript" src="/static/index/js/zz.js"></script>
<script type="text/javascript" src="/static/index/js/index.js"></script>
<script type="text/javascript" src="/static/index/js/left,top.js"></script>
<script type="text/javascript" src="/static/index/js/catalogLoader.js"></script>
</html>
